www.gusucode.com > 闪睿企业网站管理系统 2.0 一键安装部署版 > 闪睿企业网站管理系统 2.0 一键安装部署版/ShanRui/App_Data/Template/官方模板2009/ja/css/Global.css
/****** Global Styles ******/ body { font-size: 12px; font-family: Arial, "MS Gothic", "MS Sans Serif"; background-color: #C8C8C8; margin: 0px; padding: 0px; } table { font-family: Arial, "MS Gothic", "MS Sans Serif"; font-size: 12px; } td { word-break: break-all; } a:link, a:visited { text-decoration: none; color: #333333; } a:hover { text-decoration: underline; color:#FF0000; } img{ vertical-align: middle; border: 0px none; max-width:100%; } hr { height: 1px; border: 0; border-top: 1px solid #CCCCCC; } ul{ margin: 0px; padding: 0px; list-style-image: none; list-style-type: none; } li,p{ margin: 0px; padding: 0px; } .hide{ display: none; } /* ajax loading */ .loading{ padding: 5px; } .loading img{ padding: 10px; } /****** Form Controls Styles ******/ form { display: inline; } input { font-family: Tahoma, Arial; font-size: 12px; } input.text { height: 16px; padding: 1px; color: #000000; border: 1px solid #CCCCCC; background-color: #F9F9F9; } input.button { height: 20px; color: #000000; border: 1px solid #999999; border-top: 1px solid #CCCCCC; border-left: 4px solid #CCCCCC; background-color: #FFFFFF; } textarea { font-size: 12px; font-family: Tahoma, Arial; color: #000000; border: 1px solid #CCCCCC; background-color: #F9F9F9; height: 100px; width: 200px; } select { font-size: 12px; font-family: Tahoma, Arial; color: #000000; background-color: #FFFFFF; } /****** Main Layout Styles ******/ #wrapper {} #innerWrapper { position: relative; width: 770px; padding:0px; margin: 0px; margin-left: auto; margin-right: auto; background-color: #FFFFFF; } #header {} #innerHeader { } #footer { clear: both; } #innerFooter { color: #666666; font-size: 12px; text-align: center; } #copyriht{ line-height: 25px; color: #333333; height: 25px; } /* bott menu */ #bottMenu { color: #FFFFFF; height: 25px; background-image: url(../images/bottMenuBg.jpg); background-repeat: repeat-x; } #bottMenu ul{ margin: 0px; padding: 0px; } #bottMenu li{ display: inline; list-style: none; padding: 0px; margin-top: 0px; margin-right: 7px; margin-bottom: 0px; margin-left: 7px; } #bottMenu a{ color: #FFFFFF; line-height: 25px; text-align: left; display: inline; } /* language menu */ #languageMenu { color: #FFFFFF; background-color: #570102; height: 20px; padding-right: 15px; } #languageMenu ul{ margin: 0px; padding: 0px; float: right; } #languageMenu li{ display: inline; list-style: none; padding-right: 3px; margin-right: 5px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; } #languageMenu a{ color: #FFFFFF; line-height: 20px; } /****** Header Elements Styles ******/ #websiteLogo {} #logo { float: left; margin-right: 10px; display: none; } /* header title */ .website-header { padding: 0px; background-image: url(../images/headerBg.jpg); background-repeat: no-repeat; background-position: left top; height: 77px; } #titleWrapper{ float: left; } h1 { color: #FFFFFF; font-size: 26px; font-weight: bolder; font-family: Arial, "MS Gothic", "MS Sans Serif"; margin: 0px; padding-top: 25px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; } /* website description */ .website-desc { color: #FFFFFF; margin: 0px; padding-top: 2px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; } /* top menu */ #topMenu { height: 70px; width: 80px; background-image: url(../images/topMenuBg.jpg); background-repeat: no-repeat; background-position: -8px 5px; right: 20px; float: right; position: absolute; } #topMenu ul{ padding-top: 12px; padding-left: 6px; text-align: left; margin: 0px; padding-right: 0px; padding-bottom: 0px; } #topMenu li{ list-style: none; margin: 0px; padding: 0px; background-image: url(../images/topMenuLi.jpg); background-position: left 5px; text-indent: 10px; background-repeat: no-repeat; } #topMenu a{ color: #FFFFFF; line-height: 20px; } /* main menu */ #menu { color: #FFFFFF; background-image: url(../images/menuBg.jpg); background-repeat: repeat-x; background-position: left top; height: 32px; } #menu ul{ margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 60px; } #menu li{ display:inline; list-style: none; padding-right: 5px; margin: 0px; line-height: 32px; height: 32px; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; float: left; } #menu a{ display:block; height: 32px; line-height: 32px; text-align: center; padding-left: 12px; float: left; } #menu a:link, #menu a:visited { color: #FFFFFF; font-size: 13px; font-weight: bolder; background-image: url(../images/menuBg.jpg); background-repeat: repeat-x; background-position: left top; } #menu a span{ line-height: 32px; display: block; padding-right: 12px; background-image: url(../images/menuLiA.jpg); background-position: right -80px; background-repeat: no-repeat; } #menu ul li .thisPage, #menu ul li .thisPage:link, #menu ul li .thisPage:visited, #menu ul li .thisPage:hover , #menu ul li a:hover{ background-image: url(../images/menuLiA.jpg); background-repeat: no-repeat; background-position: left top; color: #FF0000; text-decoration: none; } #menu ul li .thisPage span, #menu ul li .thisPage:link span, #menu ul li .thisPage:visited span, #menu ul li .thisPage:hover span, #menu ul li a:hover span{ background-image: url(../images/menuLiA.jpg); background-position: right top; } /****** Content Layout ******/ #mainWrapper { padding: 10px; } /* sidebar */ .sidebar { float: left; width: 180px; } #innerSidebar { } /* content */ .content { float: right; width: 100%; margin-left: -200px; } .content-wide { width: auto; margin: 10px; margin-left: -210px; } .content-only { width: auto; margin: 10px; margin-left: -210px; } #innerContent { margin-left: 200px; overflow: visible; width: 550px; } /* a style which makes mainWrapper touch the bottom of sidebar and content */ .clear{ border-top:1px solid transparent !important; margin-top:-1px !important; border-top:0; margin-top:0; clear:both; visibility:hidden; } /****** Sidebar Panels ******/ .panel{ margin-bottom: 10px; border: 1px solid #D3D4D6; background-image: url(../images/panelH5Bg.jpg); background-repeat: repeat-x; background-position: left top; } .panel h5 { margin: 0px; color: #666666; font-size: 12px; font-weight: bold; line-height: 25px; text-indent: 10px; } .panel-content{ } /* Link panel */ .panel-content ul{ padding: 0px; margin: 0px; } .panel-content li{ padding: 0px; margin: 0px; } #panelLink{ height: 160px; } .panel-content{ padding-top: 10px; } #panelLink .panel-content #picLink{ float: left; width: 95px; } #picLink ul{ padding-right: 4px; padding-left: 5px; } #picLink li{ height: 40px; vertical-align: middle; } #picLink img{ height: 33px; width: 88px; } #panelLink .panel-content #textLink{ float: left; width: 80px; } #textLink ul{ padding-left: 4px; border-left-width: 1px; border-left-style: solid; border-left-color: #E2E8EE; } #textLink li{ height: 20px; } /* notice panel */ #notice{ background-image: url(../images/noticeBg.jpg); color: #AA3201; background-repeat: no-repeat; background-position: center center; margin-bottom:10px; } #notice .jd_news_scroll { position: relative; overflow: hidden; width: 98%; height: 22px; } #notice ul{ margin: 0px; padding: 0px; } #notice li{ line-height: 22px; margin: 0px; height: 22px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; } #notice li .addTime{ display:none; } #notice a{ line-height: 22px; color: #AA3201; } /* user panel */ #panelUser .panel-content{ height: 115px; } /* user panel MemberLogin */ #panelUser .panel-content .memberLogin{ margin: 5px; color: #666666; position: relative; } #panelUser .panel-content .memberLoginBox{ color: #666666; position: relative; margin-top: 15px; margin-right: 5px; margin-bottom: 5px; margin-left: 25px; } .memberLogin td{ height: 27px; } .memberName, .password, .code{ color: #666666; background-color: #F9FAFB; height: 16px; border: 1px solid #E2E8EE; } .memberName, .password{ width: 90px; } #panelUser .panel-content .regMember{ text-decoration: underline; } .code, .codeImg{ vertical-align: middle; } .loginBt{ color: #666666; background-image: url(../images/loginBtBg.jpg); background-repeat: no-repeat; height: 20px; width: 45px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .loginErrorSummary{ background-color: #FFFFCC; display: block; font-size: 12px; border: 1px solid #A0A0A0; padding: 10px; position: absolute; left: 116px; top: 100px; width: 120px; } .memberLogin ul, .memberLoginBox ul, .loginErrorSummary ul{ padding: 5px; } .memberLogin li, .memberLoginBox li, .loginErrorSummary ul li{ color: #999999; list-style: square inside; } .memberLoginBox{ } .loginBoxTitle{ } .loginName{ } .loginBoxLink{ } .editLink{ } .outLinkButton{ } /* vote panel */ #panelVote .panel-content{ height: 165px; } .votePanel{ padding-top: 10px; padding-left: 15px; } .voteTitle{ color: #000000; margin-bottom: 2px; display: block; } .voteList{ padding: 0px; display: block; margin-right: 0px; margin-bottom: 8px; margin-left: 10px; margin-top: 0px; } .voteList input{ } .voteButtonBox{ } .voteButton, .showButton{ background-image: url(../images/voteBtBg.jpg); background-repeat: no-repeat; height: 20px; width: 60px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color: #666666; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } .showPanel{ padding-top: 20px; padding-left: 15px; } .showVoteTitle{ } .showVoteTitle .voteMsg{ color: #999999; } .showVoteList{ margin-top: 10px; margin-left: 10px; } .showVoteList ul{ } .showVoteList ul li{ color:#333333; list-style: square inside; height: 16px; } .showVoteList ul li span{ color: #999999; margin-left: 3px; } /****** Defaul Page Elements ******/ /* info Box */ .infoBox{ height: 170px; color: #666666; padding-bottom: 10px; } .info{ float: left; padding-right: 5px; width:340px; } #infoTitle{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D3D4D6; } #InfoInnerContent{ padding-top: 8px; padding-right: 5px; line-height: 140%; text-indent: 2em; } #infoTitle h4{ font-size: 12px; font-weight: bold; color: #666666; background-image: url(../images/h4Bg.jpg); background-repeat: no-repeat; background-position: left center; text-indent: 10px; line-height: 25px; display: block; margin: 0px; padding: 0px; } #productPixviewer{ width:200px; float: right; padding-top: 22px; } /* newsBox */ #newsBox{ margin-bottom: 15px; } #newsBox .addTime{ color: #666666; margin-left: 5px; } .news{ float: left; width: 50%; background-image: url(../images/notice-newsBg.jpg); background-repeat: no-repeat; background-position: left top; } .newsTitle{ padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; } .newsTitle h4{ font-size: 12px; font-weight: normal; color: #333333; margin: 0px; padding: 0px; } .newsContent{ padding-top: 15px; padding-left: 18px; } .newsContent li{ height: 20px; background-image: url(../images/notice-newsLi.jpg); background-repeat: no-repeat; background-position: left 2px; padding-left: 10px; } /* product */ #product{ clear: left; } #productTitle{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #D3D4D6; } #productContent{ padding-top: 8px; padding-right: 5px; line-height: 140%; } #productTitle h4{ font-size: 12px; font-weight: bold; color: #666666; background-image: url(../images/h4Bg.jpg); background-repeat: no-repeat; background-position: left center; text-indent: 10px; line-height: 25px; display: block; margin: 0px; padding: 0px; } .productList{ width:516px; } .productAlternating, .productItem{ width: 25%; } .productImage{ text-align: center; } .productImage img{ text-align: center; } .productText{ line-height: 120%; } .productClassName{ } .productName{ } #productContent .productName{ color: #FF0000; text-decoration: underline; text-align: center; display: block; margin-top: 10px; margin-bottom: 2px; } .productNumber{ } .price{ } .productShortContent{ display: none; } .productNumberLabel{ } .priceLabel{ } .cartButton{ line-height: 23px; color: #000000; background-color: #FFFFFF; background-image: url(../images/CartBtBg.jpg); background-repeat: no-repeat; text-align: left; text-indent: 19px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: 23px; width: 80px; } .productNameBox{ } .productNumberBox, .priceBox{ padding-left: 25px; } .cartButtonBox{ padding-top: 5px; text-align: center; }